<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link type="text/css" rel="styleSheet"  href="./css/index.css" />
    <script src="./js/jquery-3.6.1.min.js"></script>
    <script src="./js/vue.js"></script>
    <title>主页面</title>
</head>
<body>
    <div id="app">
        <div class="content">
            <div class="v1">原视频</div>            
            <video id="video" autoplay></video>
            <div class="res">
                <div class="v2">识别结果</div>  
                <img id="resVideo" width=640 height=480 :src="src" crossOrigin="anonymous"></img>
                <div class="slider">
                    <input type="range" min="100" max="2000" v-model="speed" value="1000"><br/>
                    <span>调节帧率,当前:{{speed}}</span>
                </div>
            </div>
        </div>
    </div>
    
    <script src="./js/index.js"></script>
</body>
</html> 